<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小兔鲜儿-新鲜 惠民 快捷！</title>
    <link rel="icon" href="../favicon.ico">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../font/font_3943826_idjmar9o3z/iconfont.css">
    <link rel="stylesheet" href="../css/shoppingCar.css">
</head>

<body>
    <!-- 项部导航 -->
    <div class="xtx_topnav">
        <div class="wrapper">
            <!-- 顶部导航 -->
            <ul class="xtx_navs">
                <li>
                    <!-- 有用户名数据 -->
                    <!-- <a href="javascript:;"><i class="iconfont icon-user">用户名</i></a> -->
                    <!-- 没有用户名数据 -->
                    <a href="./login.html">请先登录</a>
                </li>
                <li>
                    <!-- 有用户名数据 -->
                    <!-- <a href="javascript:;">退出登录</a> -->
                    <!-- 没有用户名数据 -->
                    <a href="./register.html">免费注册</a>
                </li>
                <li>
                    <a href="./center.html">我的订单</a>
                </li>
                <li>
                    <a href="javascript:;">会员中心</a>
                </li>
                <li>
                    <a href="javascript:;">帮助中心</a>
                </li>
                <li>
                    <a href="javascript:;">在线客服</a>
                </li>
                <li>
                    <a href="javascript:;">
                        <i class="mobile sprites"></i>
                        手机版
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 头部 -->
    <div class="xtx_header none_header">
        <div class="wrapper principal">
            <!-- 网站Logo -->
            <h1 class="xtx_logo"><a href="/">小兔鲜儿</a></h1>
            <!-- 主导航 -->
            <div class="xtx_navs">
                <ul class="clearfix">
                    <li>
                        <a href="../index.html">首页</a>
                    </li>
                    <li>
                        <a href="./atHome.html" class="entrust" data-index="0">居家</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="1">美食</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="2">服饰</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="3">母婴</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="4">个护</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="5">严选</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="6">数码</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="7">运动</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="8">杂项</a>
                    </li>
                </ul>
            </div>
            <!-- 导航下拉框 -->
            <div class="drop_down_box entrust display_none">
                <ul>
                </ul>
            </div>
            <!-- 站内搜索 -->
            <div class="xtx_search clearfix">
                <!-- 购物车 -->
                <a href="./html/shoppingCar.html" class="xtx_search_cart sprites">
                    <i class="red_quantity">0</i>
                </a>
                <!-- 搜索框 -->
                <div class="xtx_search_wrapper">
                    <input type="text" placeholder="搜一搜" onclick="location.href='./search.html'">
                </div>
                <div class="shopping_cart">
                    <div class="commodity">
                        <div>
                            <!-- <div class="div_entrust">
                                <a href="#">
                                    <img src="https://yanxuan-item.nosdn.127.net/ded4b153a0878527dcee27981c389929.png"
                                        alt="">
                                    <div>
                                        <p>两带式软木拖鞋</p>
                                        <p>颜色： <i>白色</i> 尺码： <i>44</i></p>
                                    </div>
                                    <div>
                                        <p>￥<i>55.9</i>元 </p>
                                        <p>X <i>1</i></p>
                                    </div>
                                </a>
                                <div class="shut_down"><i>x</i></div>
                            </div> -->

                        </div>
                    </div>
                    <section>
                        <div>
                            <p>共<i class="quantity_of_goods">0</i>件商品</p>
                            <p>￥<i class="commodity_price">0</i>元</p>
                        </div>
                        <button>去购物车结算</button>
                    </section>
                    <div class="to_settle"></div>
                </div>
                <div class="cutting">
                    <div class="triangle"></div>
                </div>
            </div>
        </div>
    </div>
    <!-- 隐藏头部 -->
    <div class="xtx_header header_fixed">
        <div class="wrapper hidden">
            <!-- 网站Logo -->
            <h1 class="xtx_logo"><a href="/">小兔鲜儿</a></h1>
            <!-- 主导航 -->
            <div class="xtx_navs">
                <ul class="clearfix">
                    <li>
                        <a href="../index.html">首页</a>
                    </li>
                    <li>
                        <a href="./atHome.html" class="entrust" data-index="0">居家</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="1">美食</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="2">服饰</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="3">母婴</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="4">个护</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="5">严选</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="6">数码</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="7">运动</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="8">杂项</a>
                    </li>
                    <li>
                        |
                    </li>
                    <li>
                        <a href="javascript:;">品牌</a>
                    </li>
                    <li>
                        <a href="javascript:;">专题</a>
                    </li>
                </ul>
            </div>
            <!-- 导航下拉框 -->
            <div class="drop_down_box display_block">
                <ul>
                </ul>
            </div>
        </div>
    </div>

    <!-- 购物车列表 -->
    <section class="rotograph">
        <div class="container">
            <h3><a href="../index.html">首页</a><i>></i>购物车</h3>

            <table>
                <thead>
                    <tr>
                        <th>
                            <input type="checkbox" name="" id="all_checkbox"><i>全选</i>
                        </th>
                        <th>商品信息</th>
                        <th>单价</th>
                        <th>数量</th>
                        <th>小计</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody>
                    <!--  <tr>
                        <td>
                            <input type="checkbox" name="" id="small_checkbox">
                        </td>
                        <td>
                            <div>
                                <img src="../images/qrcode.jpg" alt="">
                            </div>
                            <div>
                                <p class="name">真空红酒瓶赛带计时功能升级款</p>
                                <div class="cart-sku ">
                                    <div class="attrs">
                                        <span class="elli-psis">规格:真空红酒塞 </span>
                                        <i class="iconfont  icon-yx_icon_down"></i>
                                    </div>
                                    <div class="layer">
                                        <div class="goods-sku">
                                            <dl>
                                                <dt>规格</dt>
                                                <dd>
                                                    <span>真空红酒塞</span>
                                                    <span>真空红酒塞</span>
                                                    <span>真空红酒塞</span>
                                                </dd>
                                            </dl>
                                        </div>
                                        <button class="xtx-button">确认</button>
                                    </div>
                                </div>
                            </div>
                        </td>
                        <td>￥<i class="unit_price">299</i></td>
                        <td>
                            <div>
                                <a href="javascript:;" class="minus" data-index="">-</a>
                                <input type="text" value="1">
                                <a href="javascript:;" class="add" data-index="">+</a>
                            </div>
                        </td>
                        <td class="red">￥<i class="total_price">7676</i></td>
                        <td>
                            <div class="pop_show">
                                <span>移入收藏夹</span>
                                <span data-index="">删除</span>
                                <span>找相似</span>
                            </div>
                        </td>
                    </tr> -->
                </tbody>
            </table>
            <div class="pop_main">
                <div class="pop_con">
                    <div class="pop_title">
                        <h3>温馨提示</h3>
                        <i class="cancel">X</i>
                    </div>
                    <div class="pop_detail">
                        <p class="pop_text">亲，您是否确认删除商品</p>
                    </div>
                    <div class="pop_footer">
                        <button class="btn_cancel" data-name="cancel">取消</button>
                        <button class="btn_confirm" data-name="confirm">确认</button>
                    </div>
                </div>
                <div class="mask"></div>
            </div>
            <div class="xtx_settle">
                <aside>
                    <input type="checkbox" name="" id="total_checkbox"><i>全选</i>
                    <span>删除商品</span>
                    <span>移入收藏夹</span>
                    <span>清空失效商品</span>
                </aside>
                <aside>
                    <span>共<i class="count"></i>件商品，已选择<i class="choose">0</i>件，商品合计：￥<i
                            class="pro_price red">0</i></span>
                    <button class="settlement">下单结算</button>
                </aside>
            </div>
            <!-- 轮播图 -->
            <div class="xtx-relevant-product">
                <h3><i></i>猜你喜欢</h3>
                <div class="product-relevant-carousel">
                    <ul>
                        <li class="carousel-item fade">
                            <div class="slider">
                                <a href="#">
                                    <img src="https://yanxuan-item.nosdn.127.net/605d71caa460e3c05cb2fd1b2885b9b4.jpg"
                                        alt="">
                                    <p class="name">儿童字母纯棉POLO衫73-130cm</p>
                                    <p class="price">¥99.00</p>
                                </a>
                                <a href="#">
                                    <img src="https://yanxuan-item.nosdn.127.net/e7337596de7161c57c27e8d8040231aa.jpg"
                                        alt="">
                                    <p class="name">情侣款时尚户外轻型徒步鞋环保大底</p>
                                    <p class="price">¥364.00</p>
                                </a>
                                <a href="#">
                                    <img src="https://yanxuan-item.nosdn.127.net/1ee83dc27645e7bdc1bda228c04b85f3.jpg"
                                        alt="">
                                    <p class="name">网易味央黑猪猪肘330g*1袋</p>
                                    <p class="price">¥37.00</p>
                                </a>
                                <a href="#">
                                    <img src="https://yanxuan-item.nosdn.127.net/1f451c780f5e1e93ced6419f2d3461fd.jpg"
                                        alt="">
                                    <p class="name">男女经典两带式软木拖鞋</p>
                                    <p class="price">¥79.00</p>
                                </a>
                            </div>
                        </li>
                        <li class="carousel-item ">
                            <div class="slider">
                                <a href="#">
                                    <img src="https://yanxuan-item.nosdn.127.net/a078d2c4b8559b0a54430a0dc6460095.jpg"
                                        alt="">
                                    <p class="name">网易味央黑猪大排330g*1袋</p>
                                    <p class="price">¥37.00</p>
                                </a>
                                <a href="#">
                                    <img src="https://yanxuan-item.nosdn.127.net/6e289ea8795025fddf3cff60d3f400a1.jpg"
                                        alt="">
                                    <p class="name">低帮城市休闲户外鞋天然牛皮COOLMAX纤维</p>
                                    <p class="price">¥381.00</p>
                                </a>
                                <a href="#">
                                    <img src="https://yanxuan-item.nosdn.127.net/6d09b5d5f964b33f401b0c8a9cbea1ca.png"
                                        alt="">
                                    <p class="name">索罗娜面料，圆领印花插肩袖T恤110-160cm</p>
                                    <p class="price">¥59.00</p>
                                </a>
                                <a href="#">
                                    <img src="https://yanxuan-item.nosdn.127.net/221317c85274a188174352474b859d7b.jpg"
                                        alt="">
                                    <p class="name">全防水HABU旋钮牛皮户外徒步鞋山宁泰抗菌</p>
                                    <p class="price">¥444.00</p>
                                </a>
                            </div>
                        </li>
                        <li class="carousel-item ">
                            <div class="slider">
                                <a href="#">
                                    <img src="https://yanxuan-item.nosdn.127.net/e47ffac6fe8d65f2d77b449d7ccf2fc3.jpg"
                                        alt="">
                                    <p class="name">网易味央黑猪大排330g*1袋</p>
                                    <p class="price">¥38.90</p>
                                </a>
                                <a href="#">
                                    <img src="https://yanxuan-item.nosdn.127.net/ddb4a80ac97a175bc633f0a53076815a.jpg"
                                        alt="">
                                    <p class="name">儿童多色圆领印花短袖T恤110-160cm</p>
                                    <p class="price">¥59.00</p>
                                </a>
                                <a href="#">
                                    <img src="https://yanxuan-item.nosdn.127.net/3fbdf00e31de69f049ccde1fb7ba478d.png"
                                        alt="">
                                    <p class="name">打翻春天调色盘，儿童印花套头卫衣5-16岁</p>
                                    <p class="price">¥86.00</p>
                                </a>
                                <a href="#">
                                    <img src="https://yanxuan-item.nosdn.127.net/9ad83e8d9670b10a19b30596327cfd14.png"
                                        alt="">
                                    <p class="name">趣味美食家，儿童圆领印花卫衣5-16岁</p>
                                    <p class="price">¥99.00</p>
                                </a>
                            </div>
                        </li>
                        <li class="carousel-item ">
                            <div class="slider">
                                <a href="#">
                                    <img src="https://yanxuan-item.nosdn.127.net/33ce94abe337dfd442ce8640401af5fe.jpg"
                                        alt="">
                                    <p class="name">2021年春季新品，儿童纯棉长袖T恤73-130cm</p>
                                    <p class="price">¥59.00</p>
                                </a>
                                <a href="#">
                                    <img src="https://yanxuan-item.nosdn.127.net/44e51622800e4fceb6bee8e616da85fd.png"
                                        alt="">
                                    <p class="name">古法温酒汝瓷酒具套装白酒杯莲花温酒器</p>
                                    <p class="price">¥488.00</p>
                                </a>
                                <a href="#">
                                    <img src="https://yanxuan-item.nosdn.127.net/3346b7b92f9563c7a7e24c7ead883f18.jpg"
                                        alt="">
                                    <p class="name">日式黑陶功夫茶组双侧把茶具礼盒装</p>
                                    <p class="price">¥288.00</p>
                                </a>
                                <a href="#">
                                    <img src="https://yanxuan-item.nosdn.127.net/fc266553a5b00280ab835e83a660ef14.jpg"
                                        alt="">
                                    <p class="name">智能温控细嘴流速刚刚好咖啡手冲壶电热水壶</p>
                                    <p class="price">¥389.00</p>
                                </a>
                            </div>
                        </li>

                    </ul>
                    <!-- 左右按钮 -->
                    <a class="carousel-prev">
                        <span class="iconfont icon-xiangzuo"></span>
                    </a>
                    <a class="carousel-next">
                        <span class="iconfont icon-xiangyou"></span>
                    </a>
                    <!-- 下边对应按钮 -->
                    <div class="carousel-indicator">
                        <span class="active"></span>
                        <span></span>
                        <span></span>
                        <span></span>
                    </div>
                </div>
            </div>
        </div>

    </section>



    <!-- 公共底部 -->
    <div class="xtx_footer clearfix">
        <div class="wrapper">
            <!-- 联系我们 -->
            <div class="contact clearfix">
                <dl>
                    <dt>客户服务</dt>
                    <dd class="chat">在线客服</dd>
                    <dd class="feedback">问题反馈</dd>
                </dl>
                <dl>
                    <dt>关注我们</dt>
                    <dd class="weixin">公众号</dd>
                    <dd class="weibo">微博</dd>
                </dl>
                <dl>
                    <dt>下载APP</dt>
                    <dd class="qrcode">
                        <img src="../images/qrcode.jpg">
                    </dd>
                    <dd class="download">
                        <span>扫描二维码</span>
                        <span>立马下载APP</span>
                        <a href="javascript:;">下载页面</a>
                    </dd>
                </dl>
                <dl>
                    <dt>服务热线</dt>
                    <dd class="hotline">
                        400-0000-000
                        <small>周一至周日 8:00-18:00</small>
                    </dd>
                </dl>
            </div>
        </div>
        <!-- 其它 -->
        <div class="extra">
            <div class="wrapper">
                <!-- 口号 -->
                <div class="slogan">
                    <a href="javascript:;" class="price">价格亲民</a>
                    <a href="javascript:;" class="express">物流快捷</a>
                    <a href="javascript:;" class="quality">品质新鲜</a>
                </div>
                <!-- 版权信息 -->
                <div class="copyright">
                    <p>
                        <a href="javascript:;">关于我们</a>
                        <a href="javascript:;">帮助中心</a>
                        <a href="javascript:;">售后服务</a>
                        <a href="javascript:;">配送与验收</a>
                        <a href="javascript:;">商务合作</a>
                        <a href="javascript:;">搜索推荐</a>
                        <a href="javascript:;">友情链接</a>
                    </p>
                    <p>CopyRight &copy; 小兔鲜儿</p>
                </div>
            </div>
        </div>
    </div>
    <script src="../js/common.js"></script>
    <script src="../js/shoppingCar.js"></script>
</body>